<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="utf-8">

    <title>以计算机科学与技术专业为例的学生学习过程分析系统</title>
    <!--引入相关的js文件-->
    <link href="../backPage/ui/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../backPage/ui/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="../backPage/ui/waves-0.7.5/waves.css" rel="stylesheet"/>
    <link href="../backPage/ui/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
    <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="../backPage/ui/css/graghic.css" rel="stylesheet"/>
    <script src="../backPage/ui/js/jquery-3.3.1.min.js"></script>
    <script src="../backPage/ui/waves-0.7.5/waves.js"></script>
    <script src="../backPage/ui/jquery-confirm/jquery-confirm.min.js"></script>
    <script src="../backPage/ui/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script src="../backPage/ui/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
    <script src="../backPage/ui/js/echarts.js"></script>
</head>

<body>
<!--prepare a DOM with size for ECharts-->
<div class="container-fluid">

    <div id="AllClassStudentArrivedInfo" class="pull-left col-md-6 col-xs-12 graghic" style="height:550px;width: 800px;"></div>

</div>
      
      
    <script type="text/javascript">

    $(function(){
        initAllClassStudentArrivedInfo();


    });



    function initAllClassStudentArrivedInfo(){
        var myChart=echarts.init(document.getElementById('AllClassStudentArrivedInfo'));
        var names=[{max:100,name:'应试能力'},{max:100,name:'工程知识及分析能力'},{max:100,name:'团队合作与沟通能力'},{max:100,name:'终身学习能力'},{max:100,name:'使用现代工具能力'},{max:100,name:'项目管理能力'},{max:100,name:'设计/开发解决方案能力'}]
        $.ajax({
            url:"/studentManageSystem/getStudentProfessEstimate",
            type:"post",
            success:function(data){
                console.log(data.rows[0].ave)
                var rate=[data.rows[0].ave,data.rows[0].p1,data.rows[0].p2,data.rows[0].p3,data.rows[0].p4,data.rows[0].p5,data.rows[0].p6]
                option = {
                    title: {
                        text: '学生专业能力展示图'
                    },
                    tooltip: {},
                    legend: {
                        data: ['专业能力']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: eval(names)
                    },
                    series: [{
                        name: '专业能力',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data : [
                            {
                                value : eval(rate),
                                name : '专业能力'
                            }
                        ]
                    }]
                };
                myChart.setOption(option);
            }
        });
    }


</script>
</body>
</html>